
  var a=0;
  var tim1='';
  var tim2='';
  var Index1=0;
  var Index2=0;
  $('.time-ch').on('click','.li',function(){
    Index1=$(this).index()
    tim1=$(this).text()
    let _this=$(this)

    $('.li').each(function(index,item){
      $(this).removeClass('active')
      if(a!=0){
        $(this).contents().unwrap().wrap('<div class="li"/>');
      }
    })
    if(a==0){
      $('.atart').text(tim1)
      tim2=tim1
      a++
      $(this).contents().unwrap().wrap('<p class="li active"/>');
    }else{
      if(parseInt(tim2.slice(0,2))>parseInt(tim1.slice(0,2))){
        $('.atart').text(tim1)
        $('.end').text(tim2)
      }else{
        $('.atart').text(tim2)
        $('.end').text(tim1)
      }
      $('.li').each(function(index,item){
        console.log(Index1+"<br>"+Index2 )
          if(Index2>Index1){
            if(index>=Index1 && index<=Index2){
              $(this).contents().unwrap().wrap('<p class="li active"/>');
              //$(this).addClass('active')

            }
          }else{
            if(index>=Index2 && index<=Index1){
              $(this).contents().unwrap().wrap('<p class="li active"/>');
              //$(this).addClass('active')

            }
          }
      })
    }
    tim2=tim1


    Index2=Index1
  })

